{% extends 'base.html' %}

{% block body %}
<meta charset="UTF-8">
<style>
        .body {
            background-image: linear-gradient(#FFEFD5, #FFB6C1,#7FFFAA);
            background-color: : pink;
            background-attachment: fixed;
            background-size: cover;
            margin-top:       5%;
            margin-bottom:    5%;
            margin-left:      10%;
            margin-right:     10%;
            padding: 0;
        }
        
    </style>
<h1 style="color: 	#8B4513;">{{ the_title }}</h1>
<div class="results">
    <table>
        <tr><td>起点</td><td>{{ the_start_address }}</td></tr>
        <tr><td>终点</td><td>{{ the_end_address }}</td></tr>
    </table>
    <p>本次步行的路程距离为{{ the_walk }}米，预计费时约{{ the_walk_time }}分钟，具体路线指示过程如下：</p>
    {{ the_html_table|safe }}
</div>

{% endblock %}
